<div class="content-white">
    <nz-table #filterTable [nzData]="listOfData" [nzScroll]="lockHeadScroll" nzSize="small" nzBordered>
        <thead>
            <tr>
                <th nzAlign="center" nzWidth="20%" nzCustomFilter>
                    车站
                    <nz-dropdown nzTrigger="click" nzPlacement="bottomRight" [nzClickHide]="false" nzTableFilter
                        #dropdown1>
                        <i title="车站搜索" nz-icon class="anticon anticon-search ant-table-filter-icon"
                            [class.ant-table-filter-open]="dropdown1.nzVisible" nz-dropdown></i>
                        <div class="search-boxfilter">
                            <input type="text" nz-input placeholder="输入车站名" [(ngModel)]="statnameValue" />
                            <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
                                搜索
                            </button>
                            <button nz-button nzSize="small" (click)="reset('statname')">重置</button>
                        </div>
                    </nz-dropdown>
                </th>
                <th nzAlign="center" nzWidth="20%" nzCustomFilter>
                    设备
                    <nz-dropdown nzTrigger="click" nzPlacement="bottomRight" [nzClickHide]="false" nzTableFilter
                        #dropdown2>
                        <i title="设备搜索" nz-icon class="anticon anticon-search ant-table-filter-icon"
                            [class.ant-table-filter-open]="dropdown2.nzVisible" nz-dropdown></i>
                        <div class="search-boxfilter">
                            <input type="text" nz-input placeholder="输入设备名" [(ngModel)]="devnameValue" />
                            <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
                                搜索
                            </button>
                            <button nz-button nzSize="small" (click)="reset('devname')">重置</button>
                        </div>
                    </nz-dropdown>
                </th>
                <th nzAlign="center" nzWidth="15%">报警类型</th>
                <th nzAlign="center">报警描述</th>
                <th nzAlign="center" nzWidth="15%">发生时间</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let data of filterTable.data">
                <td>{{ data.STATIONNAME }}</td>
                <td>{{ data.DEVNAME }}</td>
                <td>{{ data.ALARMTYPE }}</td>
                <td>{{ data.ALARMTEXT }}</td>
                <td nzAlign="center">{{ data.TIME }}</td>
            </tr>
        </tbody>
    </nz-table>
</div>